@charset "utf-8";
/* CSS Document */

/*CSS RESET*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "微软雅黑","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%; min-width:1400px; box-sizing:border-box; }
a{color:#2d374b; text-decoration:none;}
a:hover{color:#cd0200;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{;border-spacing:0}
p{word-wrap:break-word}
input,button,select,textarea{outline:none}
textarea{resize:none}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
border: 1px solid #CCC!important;

}
.clear{ clear:both;}

.inner{ width:1212px; margin:0 auto; clear:both; height:auto; position:relative;}
.inner2{ width:1400px; margin:0 auto; clear:both; height:auto; position:relative;}
.hidden{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.clear{ clear:both; }
.pt50{ padding-top:50px;}
.pb35{ padding-bottom:35px;}
.pt130{ padding-top:130px;}
.pb65{ padding-bottom:65px;}
.pb130{ padding-bottom:130px;}
.pt90{ padding-top:90px;}
.cblack{ color:#3a3a3a}
.cgray{ color:#605f5f;}
.pb60{ padding-bottom:65px;}
.pt20{ padding-top:20px;}

/*头部*/
.header{ width:100%;  position:fixed; top:0; left:0; border-bottom:2px solid #4070b3; background:#fff; z-index:9999;_position: absolute;
_bottom: auto;
_top:expression(eval(document.documentElement.scrollTop)); }
.large{ height:83px;}
.small{ height:55px;}
.header, .header .inner, .header a, .header img, .header .nav01, .header .hsr , .header .hcover  , .header ul,.hcover,.bger{ transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}

.large .hlogo img{ height:83px;}
.small .hlogo img{ height:55px;}
.hlogo{ display:block; float:left;}

nav{ float:left;}
.large nav .nav01{ padding-top:30px; height:53px;}
.small nav .nav01{  padding-top:15px; height:40px;}
nav .nav01{ float:left; font-size:16px; }
.nav01{ position:relative;}
nav .nav01 a{ color:#8a8a8a; padding:0 18px; display:block;}
nav .nav01 .nav01{ width:100%; height:100%; overflow:hidden;}
nav .nav01 ul{ position:absolute; left:-100px; width:1200px; z-index:-1;opacity:0; filter:alpha(opacity=0);-moz-opacity:0; overflow:hidden; display:none; }
nav .nav01 ul li{ float:left; padding:0 15px; font-size:14px;}
nav .nav01 ul li a{color:#8a8a8a; display:block; width:100%; height:100%;}
.large  li ul{ top:83px;}
.small  li ul{ top:57px;}
.large  li ul li{ padding-top:30px;height:53px;}
.small  li ul li{ padding-top:15px;height:40px;}
.hcover{ width:2000px; background:#104087; position:absolute;opacity:0; filter:alpha(opacity=0);-moz-opacity:0; left:-500px; z-index:-2; height:83px; display:none;}
.large .hcover{ height:83px; top:83px;}
.small .hcover{ height:55px; top:55px;}
nav .nav01:hover{ background:#004099; color:#fff;}
nav .nav01:hover .nav01a{ color:#fff;}
nav .nav01 ul li:hover{ background:#fff;}
nav .nav01 ul li:hover a{ color:#004099;}

.hmap{ float:right; display:block;}
.large .hmap img{ height:83px;}
.small .hmap img{ height:55px;}
.her{ float:right; position:relative;}
.large .her .smer{ padding:20px 25px 0 25px;}
.small .her .smer{ padding:5px 15px 0 15px;}
.bger{ width:114px; height:114px; position:absolute; left:-50px; z-index:3; display:none;}
.large .bger{ top:60px;}
.small .bger{ top:30px;}
.large .her:hover .bger{ display:block;}
.small .her:hover .bger{ display:block;}


.hsr{ float:right; height:25px; width:180px;}
.large .hsr{ padding:30px 25px 0 25px;}
.small .hsr{ padding:15px 15px 0 15px;}
.txt{ width:145px; height:25px; border-radius:15px; border:1px solid #abaaaa; float:left; text-indent:10px; font-size:14px; color:#aeaeae; line-height:25px; font-family:"微软雅黑";}
.btn{ width:25px; height:25px; float:left; background:url(../images/sb.jpg) no-repeat center; border:none; margin-left:3px; margin-top:3px;}
.hlang{ display:inline-block; float:right; padding-left:25px; font-size:16px; color:#8a8a8a;}
.lang-cn{background:url(../images/cn.jpg) no-repeat center left; }
.lang-en{background:url(../images/en.jpg) no-repeat center left; }
.large .hlang{ margin-top:32px;}
.small .hlang{ margin-top:18px;}




#banner{ height:763px; margin-top:83px; width:100%; overflow:hidden; position:relative; z-index:1;}
.banner1{ height:300px; width:100%; margin-top:83px; position:relative; z-index:1;}

.slide-main{height:763px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:730px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:763px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:763px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{ background:url(../images/banner2/banner-2.jpg) no-repeat center;}
#bgstyleb{background:url(../images/banner3/banner-3.jpg) no-repeat center;}
#bgstylec{background:url(../images/banner1/banner-1.jpg) no-repeat center;}
#bgstyled{background:url(../images/banner4/banner-4.jpg) no-repeat center;}
.slide a{display:block;width:1200px; margin:0 auto;height:763px;cursor:pointer; position:relative;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-g{position:absolute;z-index:9;}
.obj-e{ width:594px; height:297px; left:130px; top:82px; z-index:8;}
.obj-a{ width:600px; height:295px; left:0; top:202px;}
.obj-g{ width:704px; height:454px;left:0; top:310px; position:absolute; z-index:10;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0;  }
.obj-f{ width:434px; height:586px; right:0; top:180px;position:absolute;opacity: 0;filter:alpha(opacity=0); -moz-opacity:0;}
.obj-b{ width:600px; height:329px; right:0; top:202px;}
.obj-d{ width:650px; height:321px; left:0; top:202px;}

.banAnimate .obj-e{display:block;animation-name:fadeInDown;-webkit-animation:fadeInDown .5s linear 0s normal none;-moz-animation:fadeInDown .5s linear 0s normal none;animation:fadeInDown .5s linear 0s normal none;}
.banAnimate .obj-g{display:block;animation-name:fadeInLeft;-webkit-animation:fadeInLeft .7s linear 0s normal none;-moz-animation:fadeInLeft .7s linear 0s normal none;animation:fadeInLeft .7s linear 0s normal none;opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;}
.banAnimate .obj-f{display:block;animation-name:fadeInRight;-webkit-animation:fadeInRight .7s linear 0s normal none;-moz-animation:fadeInRight .7s linear 0s normal none;animation:fadeInRight .7s linear 0s normal none;opacity: 1;filter:alpha(opacity=100); -moz-opacity:1;}

.banAnimate .obj-a{display:block;animation-name:fadeInDown;-webkit-animation:fadeInDown .5s linear 0s normal none;-moz-animation:fadeInDown .5s linear 0s normal none;animation:fadeInDown .5s linear 0s normal none;} 
.banAnimate .obj-b{display:block;animation-name:fadeInDown;-webkit-animation:fadeInDown .5s linear 0s normal none;-moz-animation:fadeInDown .5s linear 0s normal none;animation:fadeInDown .5s linear 0s normal none;} 
.banAnimate .obj-d{display:block;animation-name:fadeInDown;-webkit-animation:fadeInDown .5s linear 0s normal none;-moz-animation:fadeInDown .5s linear 0s normal none;animation:fadeInDown .5s linear 0s normal none;} 


@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
	opacity: 1;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    
    -webkit-transform: none;
    transform: none;
	opacity: 1;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  opacity: 1;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  opacity: 1;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
	filter:alpha(opacity=0); 
	-moz-opacity:0; 
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
	filter:alpha(opacity=100); 
	-moz-opacity:1;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}



#footer{ width:100%; }
.fmess{ width:100%; background:url(../images/fmbg.jpg) no-repeat center;overflow:hidden;}
.title1{ width:100%; text-align:center;}
.title1 h1{ font-size:25px; line-height:30px;}
.title1 h5{ font-size:14px; line-height:25px; padding-top:15px;}
.cwhite{ color:#fff;}

.m_form{ width:750px; margin:0 auto;font-size:14px; color:#8a8989; padding-bottom:53px; filter:alpha(opacity=0);-moz-opacity:0; overflow:hidden;}
.m_input_l input{ width:328px; height:30px; float:left; border: 1px solid #dcdcdc; background:none;  font-size:14px; color:#dcdcdc; text-indent:15px;line-height:30px;font-family:"微软雅黑"; margin:0 19px 25px;}
.m_input_r input{ width:328px; height:30px; float:left; border: 1px solid #dcdcdc; background:none; font-size:14px; color:#dcdcdc;text-indent:15px;line-height:30px;font-family:"微软雅黑";  margin:0 19px 25px;}
.m_form textarea{ clear:both;width:698px; height:118px;border:1px solid #dcdcdc; background:none; margin-bottom:15px; font-size:14px; color:#dcdcdc; line-height:30px; text-indent:15px;font-family:"微软雅黑"; margin-left:19px;}
.m_btm input{ width:698px; height:35px; font-size:14px; color:#bebebe; border:none; cursor:pointer;font-family:"微软雅黑"; margin-left:19px;}
.m_sub{ background:#154ac0; margin-right:18px; color:#fff;}
.m_form .m_sub:hover{ box-shadow:0 2px 10px #cdcdcd;}

.fbtm{ clear:both; padding-top:55px; padding-bottom:45px;}
.fbtm:before{ content:""; display:table;}
.fbtm:after{ content:""; display:table; clear:both;}
.fbtm-l{ width:180px; float:left; text-align:center;}
.fbtm-l p{ font-size:14px; color:#6c6b6b; line-height:30px; padding-bottom:10px;}
.fshare{ width:100%; padding:5px 0 0 13px;  text-align:center;}
.fbtm-r{ width:1000px; float:right;}
.fbtm-r ul{ width:180px; height:100%; float:left; margin-left:50px;}
.fbtm-r ul h1{ font-size:14px; color:#3a3a3a; display:block; width:117px; border-bottom:1px solid #bfbfbf; line-height:50px; margin-bottom:10px;}
.fbtm-r ul li{ line-height:30px; font-size:14px;}
.fbtm-r ul li a{ color:#9b9a9a;}
.pl70{ padding-left:70px;}


.fbtm2{ width:100%; font-size:12px; color:#fff; line-height:25px; padding:25px 0; background:#004099; text-align:center;}
.fbtm2 a{ display:inline-block; color:#fff;}
.fbtm2 a:hover{ text-decoration:underline;}


/*首页*/
.inew{ width:100%; padding-bottom:150px;}
.incen{ width:100%;}
.incen:before{ content:""; display:table;}
.incen:after{ content:""; display:table; clear:both;}
.initem{ width:50%; float:left;background:#ebebeb;}
.initem{transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;}
.initem:before{ content:""; display:table;}
.initem:after{ content:""; display:table; clear:both;}
.inimg{ width:50%; float:left; background:#fff; overflow:hidden;}
.inimg img{ width:100%;}
.inwen{ width:50%; height:100%; float:left; }
.inwen a h1{ font-size:24px; color:#1a1a1a; padding-left:10%; display:block; padding-top:10%;}
.inwen  span{ font-size:14px; color:#a9a9a9; line-height:25px; padding-left:10%; display:block; padding-top:10px; padding-bottom:5px;}
.inwen p{ font-size:14px; color:#8a8a8a; width:80%; margin:0 auto; line-height:25px;}
.inicon{ padding-left:10%; display:block; padding-top:10%; color:#4c4c4c; font-size:14px;}
.inicir{ width:30px; height:30px; border-radius:50%; border:1px solid #888888; text-align:center; display:inline-block; margin-right:5px; float:left;}
.inicir i{ line-height:30px; color:#888888;}
.initem:hover{ background:#004099;}
.initem:hover h1{ color:#fff;}
.initem:hover span{ color:#fff;}
.initem:hover p{ color:#fff;}
.initem:hover .inicon{ color:#fff;}
.initem:hover .inicir{ color:#fff; border-color:#fff; animation:mymove 3s infinite; -webkit-animation:mymove 3s infinite;}
.initem:hover .inicir i{ color:#fff;}
@keyframes mymove
{
0% {margin-left:0px;}
50% { margin-left:20px}
100% {margin-left:0px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
0% {margin-left:0px;}
50% { margin-left:20px}
100% {margin-left:0px;}
}


.icase{ width:100%; height:860px;opacity:0; filter:alpha(opacity=0);-moz-opacity:0; overflow:hidden;}
.icase .inner{ overflow:hidden; height:860px;overflow:hidden;}
.ic-l{ width:140px; position:absolute; left:0; top:0; z-index:3;}
.ic-l li{ width:140px; height:147px; position:relative; border-bottom:1px solid #80a0cc; background:#004099;  text-align:center;}
.ic-l li span{ font-size:65px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:147px;}
.icwen{ position:absolute; width:570px; border-right:6px solid #f6ab00; top:0;  height:100%; background:#b3b3b3;transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}
.icwold{right:146px;}
.icwnew{right:-436px;}
.icwen h1{ font-size:25px; color:#fff; padding-left:25px; display:block; line-height:50px; text-align:left; padding-top:10px;}
.icwen  p{ font-size:14px; line-height:25px; width:515px; padding-left:25px; text-align:left; color:#fff;}
.ic-l:before{ content:""; display:table;}
.ic-l:after{ content:""; display:table; clear:both;}

.ic-r{ width:1040px; position:absolute; left:140px; top:0; z-index:1;}
.ic-r li{ position:absolute; top:0; left:0;transition: all 5s; -moz-transition: all 5s; -webkit-transition: all 5s; -o-transition: all 5s; }
.icactive{ z-index:2;}


.iabout{ width:100%; background:#eeeeee; overflow:hidden;}
.iabout:before{ content:""; display:table;}
.iabout:after{ content:""; display:table; clear:both;}
.iab-l{ width:700px; float:left;}
.iab-r{ width:620px; float:right;}
.iab-r h1{ font-size:30px; color:#004098; text-align:left; padding-top:15px; line-height:50px;}
.ix{ width:60px; height:3px; display:inline-block; background:#f6ab00; }
.iab-r .iabwen{ width:100%; line-height:25px; color:#858585; font-size:14px; padding-top:25px;}

.ipro{ width:100%; padding-bottom:140px;}
.tabBar{ width:1330px; font-family:"Microsoft YaHei";margin:0 auto;}
.tabBar .hd ul{ z-index:5; position:relative; zoom:1;}
.tabBar .hd li{ float:left; height:38px; line-height:24px; width:185px; text-align:center; color:#333333; border-bottom:3px solid #dcdcdc;cursor:pointer;}
.tabBar .hd li.on{ overflow:hidden; margin-top:0px; position:relative; background:url(../images/tabon.jpg) no-repeat bottom center; border-bottom-color:#054398; }
.tabBar .hd li.on span{ font-weight:bold; color:#c00; }
.tabBar .bd{  padding:45px 0 0; clear:both; position:relative; overflow:hidden; }
.tabBar .bd .conWrap{ width:1330px; }
.tabBar .prev,.tabBar .next{ position:absolute; left:0px; top:150px; }
.tabBar .next{ left:auto; right:10px; }
.tabBar .prevStop,.tabBar .nextStop{ display:none; }
.tabBar .bd p{ padding-bottom:10px }
.conWrap .con{ width:1330px; float:left;}
.conWrap .con ul li{ width:440px; height:300px; float:left;}
.conWrap .con ul li a{ padding:0 50px; width:340px; height:260px;  text-align:center; overflow:hidden; margin:0 auto; display:table-cell; vertical-align:middle; font-size:250px;}
.conWrap .con ul li a img{max-width:340px; max-height:260px; overflow:hidden;  _width: expression(this.width > 340 ? 340 : true); _height: expression(this.height > 260 ? 260 : true); margin:0 auto; vertical-align:middle;transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;  }
.conWrap .con ul li p{ text-align:center; color:#4e4e4e; font-size:14px; line-height:40px;}
.conWrap .con ul li:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}

.conWrap .con ul:before{ content:""; display:table;}
.conWrap .con ul:after{ content:""; display:table; clear:both;}


/*内页*/
.n_title{ width:100%; text-align:center;}
.n_title p.n_title_e{ padding-top:45px;}
.n_title p.n_title{ padding-bottom:15px;}
.n_title_e{ font-size:25px; color:#717171; line-height:30px; font-family:Tahoma, Geneva, sans-serif;}
.n_title{ font-size:12px; color:#555555; line-height:35px; font-family:"微软雅黑";}
#yema{ width:100%x; margin:0 auto; text-align:center;height:40px; clear:both; margin-bottom:30px; margin-top:30px;}
#yema em{padding:8px 10px 8px 10px;  height:35px;}
#yema a{ padding:8px 10px 8px 10px; border:1px solid #ccc; color:#c7c4c4; margin-left:7px; margin-right:7px; height:35px;}
#yema  strong{ padding:8px 10px 8px 10px; border:1px solid #222222; background:#222222; color:#fff; }
#yema a:hover{ background:#222222; color:white; text-decoration:none;}
#yema .next{ padding:8px 10px 8px 10px; border:1px solid #ccc; color:#c7c4c4;}
.back{ border-top:1px solid #e1e1e1; margin-top:30px; text-align:center; margin-bottom:20px;}
.page{ text-align:left;}
.page_num{ height:40px; padding-top:10px;}
.pro_back{ width:100%; height:100px; border-top:1px solid #ccc; margin-top:20px; margin-bottom:20px;}
.back_in{ font-size:12px; line-height:25px; color:#ccc; text-align:center;}
.page2{ height:25px; line-height:25px; color:#ccc; font-size:13px;}
.pro_back a{ color:#222222; text-decoration:none;}
.page2 a:hover{ color:#004098;}
.back_in a:hover{color:#004098;}



.sincon{ width:1400px; margin:0 auto; position:relative; clear:both; padding-top:30px; padding-bottom:120px;}
.sincon:before{ content:""; display:table;}
.sincon:after{ content:""; display:table; clear:both;}

.nei_con{ width:100%; position:relative; clear:both; }


/*产品列表*/
.plclass{ width:1290px; margin:0 auto;}
.plclass ul{ z-index:5; position:relative; zoom:1;}
.plclass li{ float:left; height:38px; line-height:24px; text-align:center;color:#333333; border-bottom:3px solid #dcdcdc;cursor:pointer; display:inline-block; float:left; width:183px; margin-bottom:15px;}
.layout{zoom:1;display:inline-block;}
.plclass li{*display:inline; }
.plclass li a{ display:block; width:100%; height:100%;}
.plclass li.on{ overflow:hidden; margin-top:0px; position:relative; background:url(../images/tabon.jpg) no-repeat bottom center; border-bottom-color:#054398; }
.plclass li:hover{background:url(../images/tabon.jpg) no-repeat bottom center; border-bottom-color:#054398;}
.plclass li a:hover{ color:#004098;}
.plclass.on span{ font-weight:bold; color:#c00; }
.plclass ul:before{ content:""; display:table;}
.plclass ul:after{ content:""; display:table; clear:both;}



.pllist{ width:1320px; height:auto; position:relative; clear:both; margin:0 auto;}
.pllist ul{ width:100%; padding-top:40px;}
.pllist ul li{ width:280px; height:210px; float:left; position:relative; padding:0 25px; margin-bottom:40px; overflow:hidden;}
.pllist ul li a{ display:block; width:100%; height:100%;}
.pllist ul li .plimg{display:table-cell; vertical-align:middle; font-size:170px; width:280px; height:210px; text-align:center; overflow:hidden; position:relative;}
.pllist ul li .plimg img{ max-width:280px; max-height:210px; overflow:hidden;  _width: expression(this.width > 280 ? 280 : true); _height: expression(this.height > 210 ? 210 : true); margin:0 auto; vertical-align:middle;}
.plcover{ position:absolute; width:280px; height:210px; top:0; left:25px; z-index:9;background:rgba(5,67,152,0) !important;background-color:#054398; filter:alpha(opacity=00);}
.plcover,.iplglass,.iplname{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.iplglass{ position:absolute; width:60px; height:60px; border-radius:50%; background:#004098; border:1px solid #fff; z-index:10; left:115px; top:-65px; text-align:center; line-height:60px; color:#fff;opacity:0; filter:alpha(opacity=0);-moz-opacity:0;}
.iplglass i{ line-height:60px;}
.iplname{ width:280px; height:65px; background-color:#fff; position:absolute; bottom:-65px; left:0; color:#4e4e4e; font-size:14px; font-family:"微软雅黑"; line-height:65px; text-align:center; z-index:10; border-bottom:1px solid #004098;opacity:0; filter:alpha(opacity=0);-moz-opacity:0;}
.pllist ul li:hover .plcover{background:rgba(5,67,152,0.50) !important;background-color:#054398; filter:alpha(opacity=50);}
.pllist ul li:hover .iplglass{ top:55px;opacity:1; filter:alpha(opacity=100);-moz-opacity:1;}
.pllist ul li:hover .iplname{ bottom:0px;opacity:1; filter:alpha(opacity=100);-moz-opacity:1;}


.prol_con{ width:1320px; height:auto; position:relative; clear:both; margin:0 auto;}
.protent_div{ width:1320px; margin:30px auto 20px; text-align:center;text-align:left;}
.procont_title{ font-size:20px; color:#222222; line-height:30px; padding-bottom:30px; text-align:center;}
.pro_center2{ width:1320px; margin:0 auto; height:auto; text-align:center; padding:0 0 10px 0; overflow:hidden;}
.shuoming{ width:100%; font-size:13px; color:#222222; padding:10px; text-align:left;}
.xiangshi{ width:100%; height:30px; font-size:14px; color:#222222;}


/*----招聘----*/
.jbcontent{ font-size:14px;margin-top: 30px;line-height:35px; background:url(../images/jobbg.jpg) no-repeat right bottom; width:1000px; margin:0 auto;}
.zhaopin{ line-height:35px;text-align: center;font-size: 16px; font-family:"微软雅黑"; display:block;}
.jobfont{color: #192025;font-size: 36px;font-weight: bold; font-family:"微软雅黑"; padding:30px 0 30px 0;}
.zhiwei{width:100%; text-align:center; height:43px; color:#1b529e; font-family:"微软雅黑";  font-size:18px; font-weight:bold;}
.joblist{border: 1px solid #004099;margin-top: 18px;color: #054398;font-size: 14px;font-family: '宋体';line-height:45px;}
.joblist td{ text-indent:10px;}
.jobdetail{ width:100%; font-size:14px; line-height:35px; padding:30px 0 0 0;} 


/*成功案例*/
.icsp{ text-align:center; font-size:14px; color:#8a8a8a; line-height:30px;}
.icsp2{ padding-bottom:25px;}
.pllist2{ width:100%; height:auto; position:relative; clear:both; margin:0 auto;}
.pllist2 li{ width:30%;padding:0 1.5% 30px; position:relative; display:inline-block; *float:left; overflow:hidden; float:left;}
.pllist2 li a{ display:block; width:100%; height:100%;overflow:hidden; position:relative;}
.pllist2 li a .pl2img{ width:100%;overflow:hidden; height:100%;}
.pllist2 li a .pl2img img{ width:100%;}
.pl2cover{position:absolute; width:100%; height:100%; top:0; left:0; z-index:9;background:rgba(5,67,152,0) !important;background-color:#054398; filter:alpha(opacity=0);}
.pl2cover p{ font-size:24px; color:#fff; padding-top:15%; line-height:30px; text-align:center;opacity:0; filter:alpha(opacity=0);-moz-opacity:0;}
.pl2cover div{ width:88px; height:28px; border:1px  solid #fff; color:#fff; text-align:center; font-size:14px; line-height:28px; margin:0 auto; margin-top:15%;opacity:0; filter:alpha(opacity=0);-moz-opacity:0;}
.pl2cover,.pl2cover p,.pl2cover div{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.pllist2 ul li:hover .pl2cover{background:rgba(5,67,152,0.50) !important;background-color:#054398; filter:alpha(opacity=50);}
.pllist2 ul li:hover .pl2cover p{ opacity:1; filter:alpha(opacity=100);-moz-opacity:1; padding-top:25%;}
.pllist2 ul li:hover .pl2cover div{opacity:1; filter:alpha(opacity=100);-moz-opacity:1; margin-top:10%;}

/*新闻*/
.nlcon{ width:1320px; margin:0 auto; clear:both; position:relative;}
.nllist{ width:100%; height:auto;}
.nllist li{ width:560px; padding:0 10px; float:left; margin:0 35px 45px; height:135px;}
.nllist li a{ display:block; width:100%; height:100%;}
.nllist li h1{ font-size:14px; color:#4e4e4e; line-height:40px;}
.nllist li p{ font-size:11px; color:#8a8a8a; line-height:20px;}
.nllist li div{ font-size:12px; color:#8a8a8a; padding-top:10px;}
.nllist li:hover{ background:#789ac8;}
.nllist li:hover h1{ color:#fff;}
.nllist li:hover p{ color:#fff;}
.nllist li:hover div{ color:#fff;}
.nllt{ width:240px; height:35px; margin:0 auto;}
.nllt li{ width:102px; height:35px; float:left; border:1px solid #d0cbcb; margin:0 5px;}
.nllt li a{ display:block; width:100%; height:100%; color:#828282; font-size:12px; text-align:center; line-height:35px;}
.nllt li.on{ border-color:#004098; background:#004098;}
.nllt li.on a{ color:#fff;}
.nllt li:hover{border-color:#004098; background:#004098;}
.nllt li:hover a{color:#fff;}


#news_top1{ font-size:12px; border:#e9e9e9 1px solid; background:#f1f1f1; line-height:35px; text-align:center; color:#938654;}
#news_contain{ padding:20px 0 20px 0;  line-height: 35px;font-size: 14px;}

.animate{
	animation-duration: .8s;
	animation-delay: .1s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	/* Firefox: */
	-moz-animation-duration: .8s;
	-moz-animation-delay: .1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	/* Safari and Chrome: */
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	/* Opera: */
	-o-animation-duration:.8s;
	-o-animation-delay: .1s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	
	-ms-animation-duration: .8s;
	-ms-animation-delay: .1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
		
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
	filter:alpha(opacity=100); 
	-moz-opacity:1;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}